@CHARSET "UTF-8";

/*!
 * =================================
 * New Page Style
 * @author: mylan93@163.com
 * =================================
 */

/* ! Style Check List
 * =================================
 * Utility
 * ====================
 * Header
 * ====================
 * Component
 * ====================
 * Page
 * =================================
 */

/*
 * =================================
 *  Utility
 * =================================
 */
@font-face {
  font-family: 'iconfont';  /* project id 848145 */
  src: url('//at.alicdn.com/t/font_848145_cpbj7d94hla.eot');
  src: url('//at.alicdn.com/t/font_848145_cpbj7d94hla.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_848145_cpbj7d94hla.woff') format('woff'),
  url('//at.alicdn.com/t/font_848145_cpbj7d94hla.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_848145_cpbj7d94hla.svg#iconfont') format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before { content: "\e629"; }

.icon-mobile-phone:before {content: "\e603";}

.icon-user:before {content: "\e62b"; }

.icon-cotta:before {content: "\e613";}

.icon-shoes:before {content: "\e602";}

* {
  font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}

.bg-light-gray {
  background: #ffffff;  
}
 
.clearfix {
  *zoom: 1;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

.no-margin {
  margin: 0px;
}

.hide {
  display: none;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.buttons-fixed {
  position: fixed;
  z-index: 99;
  width: 100%;
}

/*
 * =================================
 *  Component - Code Label
 * =================================
 */
.edoo-label {
  display: inline-block;
  font-size: .6rem;
  padding: 0 .25rem;
  margin-bottom: .25rem;
  margin-right: 1px;
  border-radius: 1px;
  background: transparent;
  vertical-align: super;
}

.edoo-label.light-label-red {
  color: #fff;
  background: #fe8f8f;
}

.edoo-label.edoo-label-yellow {
  color: #fff;
  background: #FFDF01;
} 

.edoo-label.edoo-label-red {
  color: #fff;
  background: #fd8484;
}

.edoo-label.edoo-label-green {
  color: #fff;
  background: #203d2a;
}

/*
 * =================================
 *  Component - Framework
 * =================================
 */
.edoo-bg {
  background: #f3f3f5;
}

/* == Component Header == */
.edoo-header {
  color: #fadf4a;
  font-size: .7rem;
  background-color: #203d2a;
}

.edoo-header .title {
  color: #fadf4a; 
}

.edoo-header .edoo-logo {
  display: block;
  height: 1.25rem;
}

/* == Component Tab == */
.edoo-tabs {
  color: #333;
  font-size: .8rem;
  font-weight: 500;
}

.edoo-tabs .button {
  color: #333;
  font-size: .8rem;
  font-weight: bold;
  border-bottom-width: 3px;
}

.edoo-tabs .button.active {
  color: #333;
  border-color: #FFDF01;
}

/* == Component  Shadow== */

.edoo-shadow {
  background: #fff;
  box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.1);
  position: relative;
  border-radius: 0.1rem;
  font-size: 0.7rem;
}


/* == Component Border == */
.edoo-border-top,
.edoo-border-left,
.edoo-border-right,
.edoo-border-bottom {
  position: relative;
}

.edoo-border-top:after,
.edoo-border-left:after,
.edoo-border-right:after,
.edoo-border-bottom:after {
  content: '';
  position: absolute;
  background-color: #d0d0d0;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}

.edoo-border-top:after {
  left: 0;
  bottom: auto;
  right: auto;
  top: 0;
  height: 1px;
  width: 100%;
}

.edoo-border-left:after {
  left: 0;
  bottom: 0;
  right: auto;
  top: 0;
  width: 1px;
  height: 100%;
}
 
.edoo-border-right:after {
  left: auto;
  bottom: 0;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
}

.edoo-border-bottom:after {
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .edoo-border-top:after,
  .edoo-border-left:after,
  .edoo-border-right:after,
  .edoo-border-bottom:after {
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5); 
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  .edoo-border-top:after,
  .edoo-border-left:after,
  .edoo-border-right:after,
  .edoo-border-bottom:after {
    -webkit-transform: scaleY(0.33);
            transform: scaleY(0.33);
  }
}

/* == Component List Grid== */
.list-grid {
  margin: .5rem 0;
  padding: 0 2% 0 0; 
}

.list-grid .item {
  display: block;
  padding: .4rem .3rem;
  width: 48%;
  margin-left: 2%;
  margin-bottom: 2%;
  background: #fff;
}

.list-grid .cover {
  position: relative;
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 5rem;
  background: transparent;
  overflow: hidden;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.list-grid .cover img{
  display: block;
  max-width: 100%;
  min-width: 100%;
  max-height: 100%;
}

.camp-name {
  position: absolute;
  bottom: 1rem;
  padding: .35rem 0;
  width: 85%;
  color: #333;
  font-size: .9rem;
  font-weight: bold;
  text-align: center;
  border: 1px solid #b3a9a5;
  background: rgba(255,255,255,.7);
}

.list-grid .flag-label{
  display: block;
  position: absolute;
  top: 30%;
  left: 0;
  right: 35%;
  bottom: 0;
  padding-top: 22%;
  padding-left: .2rem;
  color: #fff;
  font-size: .8rem;
  font-weight: bold;
}

.flag-green {
  background: url('../images/product/label-green.png') no-repeat;
  background-size: 100% 100%;
}

.flag-yellow {
  background: url('../images/product/label-yellow.png') no-repeat;
  background-size: 100% 100%;
}

.flag-red {
  background: url('../images/product/label-red.png') no-repeat;
  background-size: 100% 100%;
}

.list-grid .text-content {
  padding: .5rem 0 0;
}

.list-grid .text-title{
  margin-bottom: .25rem;
  color: #666666;
  font-size: .7rem;
  overflow: hidden;
  height: 1rem;
  line-height: 1.4;
  /* text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;  */
  /* height: 2rem;
  line-height: 1.4;
  -webkit-line-clamp: 2; */
}

.list-grid .label-box {
  min-height: 2.2rem;
  max-height: 2.2rem;
}

.text-content .price {
  margin-top: -2px;
  margin-left: 0;
  color: #FD6B73;
  font-size: .75rem;
  font-weight: normal;
}

@media all and (max-width: 321px) {
  .list-grid .cover {
    height: 4rem;
  }
}

/*
 * =================================
 *  Header
 * =================================
 */
.dark-header {
    background-color: #23242A;
    color: #fff;
}

.dark-header h1 {
    color: #FFF;
}

.footer-btn {
  text-align: center;
  font-size: .6rem;
  color: #999;
  position: absolute;
  width: 100%;
  bottom: 0px;
  z-index: 10;
}

/*
 * =================================
 *  Component - Code Button
 * =================================
 */
 .ua-bottom-footer ~ .content {
   bottom: 3rem;
 }
 
 .ua-bottom-footer {
   height: 3rem;
   line-height: 3rem;
   padding: 0;
 }
 
 .ua-button {
   font-size: 1.1rem;
 }
 
 .ua-bottom-footer .ua-button {
   top: 0;
   height: 100%;
   line-height: 3rem;
   border-radius: 0;
 }
 
.button-black.button-fill {
	color: white;
  background-color: #000000;
}

.button.button-fill.active,
.button.button-fill:active {
  background: #000000;
}

.get-code-btn {
  position: relative;
}

.get-code-btn:before {
  content: '';
  position: absolute;
  left: 0px;
  background-color: #e1e1e1;
  width: 1px;
  height: 1.3rem;
  top: .35rem;
}

table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #C1C2C3;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #C1C2C3;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #C1C2C3;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #C1C2C3;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #C1C2C3;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

/*
 * =================================
 *  Component - Banner
 * =================================
 */
.app-banner {
  height: 7rem;
  margin: 0 auto;
  text-align: center;
  padding-top: 1rem;
  margin-bottom: 1rem;
  background-color: #a9b1bb;
  color: #fff;
}

.banner-image {
  width: 3rem;
  height: 3rem;
}

.banner-title {
  margin: 0px;
  font-size: .8rem;
  color: #fff;
  text-align: center;
}

/*
 * =================================
 *  Component - link-grid
 * =================================
 */
.link-grid {
  margin: 0 auto;
  border: .05rem solid #F5F5F8;
  background-color: #FFFFFF;
  position: relative; z-index: 99;
}

.index-grid {
  width: 33.33%;
  height: 5.4rem;
  position: relative;
}

.index-grid a {
  display: block;
  padding: 1.1rem 0rem;
  text-align: center;
  font-size: .8rem;
  color: #333;
  width: 5rem;
  height: 5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -2.5rem;
  margin-left: -2.5rem;
}

.index-grid a .fa {
  font-size: 27px !important;
}

.index-grid a small {
  line-height: 2rem;
  display: inline-block;
}

/*
 * =================================
 *  Component - form
 * =================================
 */
.ua-form .item-input input,
.ua-form .item-input input::-webkit-input-placeholder {
  text-align: right;
  font-size: .6rem;
}

/*
 * =================================
 *  Pages - page-themes
 * =================================
 */
 
.bar.ua-header {
	height: 3rem;
	background-color: #ffffff;
  text-align: center;
}


.ua-header .icon {
	line-height: 2rem;
	color: #000001;
}

.ua-header ~ .content {
	top: 3rem;
}

.header.ua-header {
  background-color: #fff;
  color: #000001;
  text-align: center;
}

.bar.ua-header h1,
.header.ua-header h1 {
	color: #000001;
  margin: 0px;
  font-size: .8rem;
  height: 3rem;
  line-height: 3rem;
}


.ua-title p {
  color: #000001;
  margin: 0px;
  height: 2.2rem;
  line-height: 2.2rem;
  font-weight: bold;
}

.ua-table {
  width: 100%;
}

.ua-table thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}

.ua-table > thead > tr > th {
  border-bottom: 0px;
  background-color: #000001;
  color: #fff;
  text-align: center;
  font-size: .6rem;
  font-weight: normal;
}

.ua-table > tbody > tr > td {
  text-align: center;
  font-size: .6rem;
  font-weight: normal;
  padding: .2rem 0rem;
  color: #000102;
  vertical-align: middle;
  height: 2.4rem;
}

.index-page {
  background-color: #FEFFFF;
  font-size: .8rem;
}

.index-page .index-banner img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* @media only screen and (min-height: 568px) {
  .index-page .index-banner img {
    max-height: 80vh !important;
  }
}
@media only screen and (min-height: 667px) {
  .index-page .index-banner img {
    max-height: 85vh !important;
  }
}
@media only screen and (min-height: 736px) {
  .index-page .index-banner  img{
    max-height: 85vh !important;
  }
}
@media only screen and (min-height: 800px) {
  .index-page .index-banner img {
    max-height: 100% !important;
  }
}  */

.index-page .schedule {
  padding: 0 .6rem;
}

.index-page .course-list {
  padding: 0 .6rem;
}

.course-item,
.course-all {
  border-bottom: 2px solid #0B0B0B;
  margin-bottom: .1rem;
}

.course-item-title {
  margin-top: .2rem;
  margin-bottom: .4rem;
  font-size: .8rem;
  font-weight: bold;
}

.course-all .course-title {
  background-color: #DF1429;
  color: #fff;
  margin: .2rem -.6rem;
  padding: 0 .6rem;
  
}

.course-item .pull-left,
.course-all .pull-left {
  width: 50%;
  font-size: .6rem;
}

.course-item .description,
.course-item .eq-area,
.course-all .eq-area {
   border-bottom: 1px solid #ccc;
}

.sub-title,
.price-strong {
  margin: .0rem;
  font-size: .7rem;
  font-weight: bold;
  color: #000;
  
}

.pull-right .course-item .description,
.pull-right .course-item .eq-area { 
}

.course-item .pull-right,
.course-all .pull-right {
  width: 50%;
  font-size: .6rem;
  padding-left: .3rem;
}

.price-area,
.eq-area{
  margin-top: 0px;
  margin-bottom: 0rem;
  padding: .3rem 0;
}

.price-area p,
.eq-area p {
  margin-top: 0px;
  margin-bottom: 0rem;
}

.course-item .logo {
  width: 100%;
  padding-top: .2rem;
}

.course-item .logo img {
	width: 100%;
}

.agreement-content {
  padding: 1rem;
}

.agreement-content p {
  font-size: .8rem;
  margin-bottom: 0px;
  color: #000;
}

.agreement-content ul,
.agreement-content li {
  list-style: none;
  font-size: .7rem;
  color: #000;
}

.agreement-content ul {
  padding-left: .7rem;
}

.agreement-content li>ul {
  padding-left: 0px;
}

.button.button-buy {
  background-color: #DF1429;
  color: #fff;
}

.button.button-buy.disabled {
  background-color: #ccc;
}

.notice {
  padding: 0 1rem 1rem 1rem;
  font-size: .7rem;
}

.notice ul,
.notice li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.black-block {
	display: block;
	width: 100%;
	height: 1rem;
	background: #000000;
}

.shopping-prepare-page .shopping-content,
.shopping-result-page .shopping-content,
.courses-list-page .shopping-content {
	padding-top: .5rem;
	padding-bottom: .5rem;
	color: #000000;
}

.payment-content .shopping-content .item-title-row .item-title {
	padding: .1rem .2rem;
	color: #ffffff;
	font-size: .8rem;
	background: #f00;
}

.list-block .shopping-content .item-subtitle {
	margin-top: .7rem;
	font-size: .6rem;
}

.list-block .shopping-content .item-text {
	margin-top: 1.1rem;
	color: #000000;
	font-size: .6rem;
}

.list-block .shopping-content .item-inner::after {
	background: transparent;
}

.shopping-prepare-page .count-down {
	margin-left: .5rem;
}

.shopping-prepare-page .user-info {
	position: relative;
	padding-left: 2.25rem;
}


.shopping-prepare-page .user-icon {
	display: block;
	width: 1.5rem;
}

.shopping-prepare-page .user-info .user-cover {
	position: absolute;
	top: 50%;
	left: .75rem;
	transform: translateY(-50%);
}

.shopping-prepare-page .list-block .item-title,
.shopping-prepare-page .list-block .item-after {
	font-size: .6rem;
	color: #000000;
}

.shopping-prepare-page .list-block .iconfont {
	font-size: 1.2rem;
}

.shopping-prepare-page .size-list ul {
  background: #B3B3B3;
}

.shopping-prepare-page .size-list .iconfont,
.shopping-prepare-page .size-list .item-title {
	color: #ffffff;
}

.shopping-result-page .payment-status {
	padding: .2rem 0;
	margin:0 .75rem;
	font-size: 1.3rem;
	font-weight: bold;
	border-bottom: 1px solid #808080;
}

.shopping-result-page .details-layout {
	padding: .75rem;
}

.shopping-result-page .details-layout p {
	margin: 0;
	color: #000000;
	font-size: .6rem;
}

.courses-list-page .payment-content .list-block li {
	border-bottom: .2rem solid #000000;
}

.user-course-list {
  position: fixed;
  top: 200px;
  right: 10px;
  height: 60px;
  width: 60px;
  border-radius: 60px;
  line-height: 50px;
  text-align: center;
  font-size: 40px;
  background: url("../images/profile-icon.png") no-repeat;
  background-size: contain;
  z-index: 999;
}

.user-course-list a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}

.item-inner.no-pic {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}